import { Card } from 'antd';
import React from 'react';
import Main from './Main';

function HttpDataSource({ match, location }) {
  const {
    params: { dataSourceId },
  } = match;
  const {
    query: { versionId, readOnly },
  } = location;

  return (
    <Card title="HTTP数据源配置" className="cute">
      <Main dataSourceId={dataSourceId} versionId={versionId} readOnly={readOnly === 'true'} />
    </Card>
  );
}

export default HttpDataSource;
